<template>
  <div class="errorBox">
    <Topbar></Topbar>
    <img src="../../../../static/assets/404ҳ.jpg">
    <p class="errorTxt">哎呀，页面竟然失踪了！</p>
    <div class="errorBtn" @click="toHome">返回到首页</div>
  </div>
</template>
<script>
import Topbar from '../../component/common/TopBar.vue'

export default {
  components:{
    Topbar
  },
  data(){
    return {
      
    }
  },
  methods:{
    toHome(){
      this.$router.push('/home')
    }
  }
}
</script>
<style lang="less">
  @import '../../../style/mixin.less';

  .errorBox{
    .fx(column);
    img{
      .wh(5.24rem,2.3467rem);
      margin-top: 2.4rem;
    }
    .errorTxt{
      .sc(.2rem,#939393);
      margin-top: 1.3333rem;
      margin-bottom: 0.5333rem;
    }
    .errorBtn{
      .wh(3.3067rem,1.2267rem);
      border:1px solid #939393;
      .borderRadius(2rem);
      .sc(.4rem,#000);
      font-weight: bold;
      text-align: center;
      line-height: 1.2267rem;
    }
  }
</style>
